<style>
    body{
        background: #f3f3f3;
    }
</style>
<ui-view>
    <header class="sc_header_box">
        <div class="sc_header_div_box">
            <img class="sc_fenlei_box" src="image/sc_fenlei.png" ui-sref="daoHanFenLei" alt=""/>
            <div class="sc_input_box">
                <img class="sc_search" src="image/sc_search.png" alt=""/>
                <input class="sc_input_yingchangcursor" type="text" placeholder="珍珠吊坠" ui-sref="search22"/>
                <img class="sc_shaomao" ng-click="saomiao()" src="image/sc_shaomao.png" alt=""/>
            </div>
            <div class="sc_lindan_box" ng-click="toNTKF()">
                <img class="wddd_wgerji_mc" src="image/wddd_mc.png" alt=""/>
                <span></span>
            </div>
        </div>
    </header>
    <div class="dropload_content">
        <nav class="sc_nav_box">
            <div ng-class="{sc_active_jihuo:$index==current_nav}" ng-repeat="(k,v) in shopL" ng-click="shopList(k)">
                <span>{{v.platform_category_name}}</span>
            </div>
        </nav>
        <div class="ppj_slilder_box" ng-show="shopBanner">
            <div class="swiper-container shop_banner">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" repeat-finish="repeatFinish()" ng-repeat="shopB in shopBanner"><a
                            href="{{shopB.link}}"><img ng-src="{{shopB.article_img}}"/></a></div>
                </div>
                <div class="swiper-pagination shop_banner_pag"></div>
            </div>
            <!--<img src="image/remwu.png" />-->
        </div>
        <div class="sc_main_prduct_box">
            <div class="sc_main_prduc-flxe">
                <div class="sc_prduc-flxe_1" ui-sref="shangChengErJi">
                    <img ng-src="{{nav_data[0].img}}" id="{{nav_data[0].platform_category_code}}" ng-click="getFenLeiId($event)" alt=""/>
                </div>
                <div class="sc_prduc-flxe_2" ui-sref="shangChengErJi">
                    <img ng-src="{{nav_data[1].img}}" ng-click="getFenLeiId($event)" id="{{nav_data[1].platform_category_code}}" alt=""/>
                </div>
                <div class="sc_prduc-flxe_1" ui-sref="shangChengErJi">
                    <img ng-src="{{nav_data[2].img}}" ng-click="getFenLeiId($event)" id="{{nav_data[2].platform_category_code}}" alt=""/>
                </div>
            </div>

            <div class="sc_main_prduc-flxe">
                <div class="sc_prduc-flxe_2" ui-sref="shangChengErJi">
                    <img ng-src="{{nav_data[3].img}}" ng-click="getFenLeiId($event)" id="{{nav_data[3].platform_category_code}}" alt=""/>
                </div>
                <div class="sc_prduc-flxe_1" ui-sref="shangChengErJi">
                    <img ng-src="{{nav_data[4].img}}" ng-click="getFenLeiId($event)" id="{{nav_data[4].platform_category_code}}" alt=""/>
                </div>
                <div class="sc_prduc-flxe_1" ui-sref="shangChengErJi">
                    <img ng-src="{{nav_data[5].img}}" ng-click="getFenLeiId($event)" id="{{nav_data[5].platform_category_code}}" alt=""/>
                </div>
            </div>
        </div>
        <div class="sc_zt_product">
            <h4>专题产品</h4>

            <div class="sc_banner_zt">
                <div class="swiper-container sc_banner_zt-cont">
                    <div class="swiper-wrapper sc_banner_zt-warp">
                        <div class="swiper-slide sc_banner_zt-slide" ng-click="goto(z.article_id)"
                             data-id="{{z.article_id}}" repeat-finish="repeatFinish()" ng-repeat="z in data1">
                            <div class="sc_banner_zt-img">
                                <img ng-src="{{z.article_img}}" alt=""/>
                            </div>
                        </div>
                        <!-- <div class="swiper-slide sc_banner_zt-slide swiper-no-swiping" repeat-finish="repeatFinish()" ng-repeat="z in data1">
                            <div class="sc_banner_zt-img">
                                <img ng-src="{{z.article_img}}" alt="" />
                            </div>
                        </div> -->
                    </div>
                </div>
            </div>
            <div class="sc_ggimgprducrt_box">
                <div ng-click="tiaoto(command.special.article_id)" class="shangcheng1_box">
                    <img ng-src="{{command.special.article_img}}" alt=""/>
                </div>
                <div class="swiper-container sc-zt-prduct_zs">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide" ng-click="sptiaoto(com.goods_id)" id="{{com.goods_id}}" on-finish
                             ng-repeat="com in command.goods">
                            <div>
                                <img ng-src="{{com.pic}}" alt=""/>
                                <p>￥{{com.sku_price}}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sc_more_shoushi">
            <div class="sc_title_More">
                <span>人气推荐</span>
                <p ng-click="toHotRecommendUrl()">More</p>
            </div>
            <ul class="sc_ul_container">
                <li class="sc_li_list_box" ng-repeat="(key,i) in data">
                    <div ng-click="toUrl(i.goods_id)">
                        <div class="sc_list_child_text">
                            <img ng-src="{{i.pic}}" alt=""/>
                            <div class="sc_list_div_text">
                                <h4>{{i.goods_name}}</h4>
                                <p>{{i.goods_aliases_name}}</p>
                                <div class="sc_price_box">
                                    <span ng-if="showSale[key]">&yen;{{i.sale_price}}</span><span>&yen;{{i.mix_price}}</span>
                                </div>
                            </div>
                        </div>
                        <div class="sc_xs_tj_box" ng-if="showSale[key]">限时特价</div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="sc_cnxh_box">
            <h4>猜你喜欢</h4>
            <div class="sc_product_cnxh">
                <div ng-click="toUrl(j.goods_id)" class="sc_product_cnxh_list" ng-repeat=" (key,j) in like_data">
                    <img ng-src="{{j.pic}}" alt=""/>
                    <div class="sc_price-bxo">
                        <h4>{{j.goods_name}}</h4>
                        <span ng-if="showLikeSale[key]">&yen;{{j.sale_price}}</span>
                        <span ng-class="{cpxq_prc_tet:showLikeSale[key]}">&yen;{{j.mix_price}}</span>
                    </div>
                    <img class="sc_xianshitejia" src="image/xianshitejie.png" ng-if="showLikeSale[key]" alt=""/>
                </div>
            </div>
        </div>
    </div>
    <div class="sc_sc_xiangshang_box">
        <img src="image/sc_xiangshang.png" ng-click="toTop()" alt=""/>
    </div>
    <div class="gwc_zzc_queren" ng-class="{'disnone':disbol}">
        <div class="gwc_zzc_box" style="min-height: auto">
            <div class="gwc_zzc_sc">
                正在识别...
            </div>
        </div>
    </div>
    <z-footer></z-footer>
</ui-view>
